<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>首页-高层建筑基础信息采集</title>
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
        <style>
            html,
            body,
            #app {
                margin: 0;
                padding: 0 8px;
                align-items: center;
                padding-top: 25px;
            }
            [v-cloak] {
                display: none !important;
            }
            .links{
                margin-top: 35px;
            }
            .link{
                width: 100%;margin-top: 25px;
                text-decoration: none;
                outline: none;
                display: block;
                background: #0095ff;
                color: #ffffff;
                text-align: center;
                border-radius: 5px;
                padding: 10px 0;
            }
            .username{
                color: #0095ff;
            }
            .logout{
                background: #ababb0;
            }
            .header{
                text-align: center; margin-top: 45px;
            }
            .image{
                width: 100px;height: 100px;border-radius: 50%;
            }
        </style>
    </head>
    <body>
        <div id="app" v-cloak>
            <div class="header">
                <img class="image" src="{{ asset('images/avatar.png') }}" alt="">
                <div class="username"> {{ $username }}</div>
            </div>
            <div class="links">
                <a type="primary" class="link"  href="{{ route('home.index.report') }}"> <i class="el-icon-tickets"></i> 信息列表 </a>
                <a type="primary" class="link"  href="{{ route('home.index.write') }}"> <i class="el-icon-edit"></i> 信息录入 </a>
                <a type="primary" class="link logout"  href="{{ route('home.login.logout') }}"> <i class="el-icon-sunset"></i> 退出登录 </a>
            </div>
        </div>
    </body>
    <script src="https://unpkg.com/vue@2/dist/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script>
        new Vue({
            el: '#app',
        });
    </script>
</html>
